<template>
  <div>VUE3</div>
  <div>{{msg}}</div>
</template>

<script>
export default {
  name: "App",
  // 组合式API的起点
  // setup函数会在beforeCreate钩子之前执行
  // 在setup里面的this是undefined
  // 模板中使用的数据和函数，都要在setup中返回
  setup() {
    const msg = "hi,vue3";
    console.log("setup");
    return {
      msg
    };
  },

  beforeCreate() {
    console.log("beforeCreate");
  }
};
</script>

<style>
</style>